.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
};
body{
	background-color:#eeeeee;
}
.header{
      position: fixed;
      left:0;
      top:0;
      width: 100%;
      z-index: 999;
	.px2rem(height,90);
	display: flex;
	align-items: center;
	background-color:#ffffff;
	h1{
    flex:1;
	text-align:center;
		.px2rem(font-size,40);	
	}
	span{
			.px2rem(font-size,40);
			padding:3%;
	}
}
.tou{
	margin-top:12.5%;
	background-color:#fff;
	display: flex;
	align-items: center;
	img{
		.px2rem(width,100);
	    .px2rem(height,100);
		padding:3%;
	}
	h1{
	.px2rem(font-size,34);
	}
	

}
nav{
	margin-top:2%;
	background-color:#fff;
	ul{
		display: flex;
		align-items: center;
		padding:4% 0;
		li:nth-chlid(1){
			border:none;
		}
		li{
			flex:1;
			text-align:center;
			.px2rem(font-size,34);
			border-left:1px solid #ccc;
			color:#999;
			i{
				margin-right:10%;
				color:#ccc;
			}
		}
	}
}
.uls{
	margin-top:5%;
	p{
		background-color:#fff;
		display: flex;
		margin-top:2px;
          .px2rem(font-size,34);
          padding:4% 0;
          span{
          	flex:1;
          }
          i{
          	padding:0 5%;
          }
          i:nth-child(3){
          .px2rem(font-size,36);
          }
	}
}
.pdes{
	margin-top:5%;
	background-color:#fff;
	text-align:center;
	padding:4% 0;
	margin-bottom:15%;
	.px2rem(font-size,36);
}
footer{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#f2efea;
	position: fixed;
	left:0;
	bottom:0;
	width: 100%;
	z-index: 999;
	a{  
		flex:1;
     padding:2% 0;
	figure{
  
    padding:2%;
    text-align:center;
    .fa{
     .px2rem(font-size,40);
    }
    figcaption{
   	 .px2rem(font-size,24);
   	 padding-top:6%;
    }
	}
	.footgure{
			color:#ffa313;
	}	
	}
	
}